const DisableDefault = ()=>{
    return (
        <div>
            <b>不阻止默认行为的Form表单点击其中的按钮会触发提交事件并刷新页面</b>
            <hr/>
            <form onSubmit={()=>alert('触发了提交')}>
                <input/>
                <button>submit</button>
            </form>
            <hr/>
            <b>阻止默认行为的Form表单点击其中的按钮依旧会触发提交事件，但不会刷新页面</b>
            <hr/>
            <form onSubmit={(e)=>{
                e.preventDefault();
                alert('触发了提交');
            }}>
                <input/>
                <button>submit</button>
            </form>
        </div>
    )
}

export default DisableDefault